// pages/home_page/home_page.js
var host_url = require('../../config/api.js')
Page({

  /**
   * 页面的初始数据
   */
  data: {
    sns_list: [],
    next: 'a',
  },
  go_to_sns_detail(e){
    var sns_id = e.currentTarget.dataset.sns_id
    console.log('sns_id', sns_id)
    wx.navigateTo({
      url: '/pages/sns_detail/sns_detail?sns_id='+sns_id,
    })
  },
  get_sns_list() {
    // next 默认等于a。根据next的状态做判断
    if (this.data.next == 'a') {
      var url = host_url.host_url + '/api/mini/get_sns_list'
    } else if (this.data.next == null) {
      wx.showToast({
        title: '没有更多数据了',
        icon: 'none',
      })
    } else {
      var url = this.data.next
    }
    wx.request({
      // url: host_url.host_url + '/api/mini/get_sns_list',
      url: url,
      method: 'GET',
      success: res => {
        if (this.data.sns_list) {
          this.setData({
            sns_list: this.data.sns_list.concat(res.data.results),
            next: res.data.next
          })

          return
        }
        this.setData({
          sns_list: this.data.sns_list,
          next: res.data.next
        })
      }
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.get_sns_list()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    wx.request({
      // url: host_url.host_url + '/api/mini/get_sns_list',
      url: host_url.host_url + '/api/mini/get_sns_list',
      method: 'GET',
      success: res => {
        this.setData({
          sns_list: res.data.results,
          next: res.data.next
        })
        wx.stopPullDownRefresh()
      }
    })
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    this.get_sns_list()
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  // 预览图片
  previewImage(e) {
    let {
      sources,
      index
    } = e.currentTarget.dataset
    sources.filter(i => {
      i.type = i.type == 2 ? 'video' : 'image'
      i.poster = i.path
      i.url = i.path
    })
    wx.previewMedia({
      sources,
      current: index
    })
  },

  // 视频加载完成，改变视频的宽高
  videometa(e) {
    var that = this;
    //获取系统信息
    wx.getSystemInfo({
      success(res) {
        //视频的高
        var height = e.detail.height;

        //视频的宽
        var width = e.detail.width;

        //算出视频的比例
        var proportion = height / width;

        //res.windowWidth为手机屏幕的宽。
        var windowWidth = res.windowWidth;

        //算出当前宽度下高度的数值
        height = proportion * windowWidth;
        that.setData({
          height,
          width: windowWidth
        });
      }
    })
  },

  // 图片加载后判断图片宽高比例
  oneImageLoad(e) {
    const {
      width,
      height
    } = e.detail
    height >= width && this.setData({
      isHeightMode: true
    })
  },


})